<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <img src="pic/2.jpg" alt="">
  <script>
    //1.获取图片元素
    // const img = document.querySelector('img')
    //2.修改图片对象的属性
    // img.src = 'pic/07.jpg'  //更换图片为第7张
    // img.title = '女神'      //属性也可以用


    //刷新页面随机图片
    function getRandom(N, M) {
      return Math.floor(Math.random() * (M - N + 1)) + N
    }
    const random = getRandom(1, 10)
    const img = document.querySelector('img')
    img.src = `pic/${random}.jpg`
  </script>
</body>

</html>